<!DOCTYPE HTML>
<head>
	<title>Mirker by Grizz</title>
	<link rel="Stylesheet" type="text/css" href="style/style.css" />
	<link rel="Stylesheet" type="text/css" href="style/960_12_col.css" />
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	
	<script src="js/md5.js"></script>
	<script src="js/autostart/ajax_config.js"></script>
	<script src="js/autostart/configurator.js"></script>
	<script src="js/state.js"></script>
	<script src="js/request_senders/request.js"></script>
	<script src="js/loaders/profiles.js"></script>
	<script src="js/loaders/entries.js"></script>
	<script src="js/templates/search.js"></script>
	<script src="js/templates/profile.js"></script>
	<script src="js/templates/entry.js"></script>
	<script src="js/templates/microblog.js"></script>
	<script src="js/components/hashtags.js"></script>
	<script src="js/components/logon_form.js"></script>
	<script src="js/components/user_logon.js"></script>
	<script src="js/components/search.js"></script>
	<script src="js/components/microblog_mainpage.js"></script>
	<script src="js/components/entry.js"></script>
	<script src="js/modules/main_content.js"></script>

<!--
	############################## TODO List: ##############################
	# [ ] -	ustalenie spojnego tematu graficznego
	# [x] -	utworzyc nowa strukture danych - komponenty, ktore trzymaja swoj stan (pager, hashtag [trzymajacy wpisy, odswiezajacy sie itp], itd)
	#       Komponenty moga byc rozproszone - hashtag liczbe powiadomien trzyma w jednym divie, wpisy laduje gdzies indziej itp
	#
	############################## Components: #############################
	# [ ] -	Dodawarka wpisow do mikrobloga
	# 	[ ] - pole tekstowe do wpisywania tresci
	# 	[ ] - ladowanie obrazkow z linku/dysku
	# 	[ ] - ladowanie wideo z YT
	# 	[ ] - podpowiadanie hashtagow (najczesciej uzywane, najpopularniejsze, autouzupelnianie skaldni przy wpisywaniu hashtaga)
	#			http://www.wykop.pl/wpis/4391591/robie-userscript-a-i-chcialbym-miec-takie-ladne-po/
	# 	[ ] - komponent dostepny tylko po zalogowaniu
	# [ ] -	User HashTag
	# 	[ ] - wyswietlanie liczby powiadomien z mikro
	# 	[ ] - wyswietlanie skrotow wpisow uzytkownika
	# 	  [ ] - filtrowanie wpisow
	# 	    [ ] - tylko +18
	# 	    [ ] - po konkretnej dacie
	# 	    [ ] - z liczba plusow wieksza niz
	# 	    [ ] - z liczba komentarzy wieksza niz
	# 	[ ] - ladowanie pelnych wpisow z widoku skrotow do glownego okna (jQueryUI Transfer Effect)
	# 	[ ] - komponent dostepny tylko po zalogowaniu
	# [ ] -	Wpis mikroblog
	#   [ ] - zaladowanie glownego wpisu wraz z jego specjalnymi elementami (film, obraz, tagi, tresc, linki do uzytkownikow
	#     [ ] - tresc
	#     [ ] - obraz
	#     [ ] - linki (otwierajace sie w nowym oknie)
	#     [ ] - linki do hashtagow (ladujace zawartosc tagu do glownego okna) - moze to byc oddzielny komponent
	#     [ ] - linki do uzytkownikow (ladujace wpisy uzytkownika, dane uzytkownika) - moze to byc oddzielny komponent
	#     [ ] - plusy
	#     [ ] - dodawanie plusow
	#     [ ] - lista plusujacych
	#     [ ] - dodaj komentarz (laduje dodawarke wpisow do mikro)
	#     [ ] - kiedy dodany
	#     [ ] - nick autora
	#     [ ] - avatar
	#     [ ] - komentarze (schowane, lub pokazane)
	# [.] -	Wyszukiwarka z autouzupelnianiem
	#   [x] - wyszukiwanie rozpoczete hashtagiem "#" przeszukuje hashtagi
	#   [x] - wyszukiwanie rozpoczete malpa "@" przeszukuje uzytkownikow
	#   [ ] - zaznaczenie powoduje zaladowanie odpowiedniego obietu (hashtag, wpis, profil)
	# [ ] -	Profil uzytkownika (pokazywany w sposob podobny do wpisow)
	#   [ ] - gorna czesc okna wyswietla informacje o uzytkowniku
	#   [ ] - pozostala czesc zawiera jego wpisy
	# [.] -	Logon
	#   [.] - trzymanie danych uzytkownika (po kliknieciu na swoj nick wyswietla sie (komponent) profil uzytkownika)
	#   [.] - logowanie i wylogowanie (sciagniecie przez API i reset danych)
	# [ ] -	Historia stron
	#   [ ] - Zapis zawartosci glownej strony do pamieci i trzymanie w niej X ostatnio otwartych stron
	#
	########################################################################
	################################ Legenda: ##############################
	# [ ] - nierozpoczety
	# [.] - w trakcie
	# [x] - zakonczony lub anulowany
	########################################################################
 -->
 
</head>

<body>
	<header class="container_12">
		<div class="grid_11">
			<span id="page_title">
			Mirker
			</span>
			<button id="open_logon_form">Zaloguj</button>
			<button id="logout_button">Logout!</button>
			<div style="display: inline" class="ui-widget">
				<input id="search_test"/>
			</div>
		</div>
		<div class="grid_1" id="hash_tag">
			<span id="user_nick"></span>
			<span id="user_avatar"></span>
			<strong>#<span id="hash_tag_count"></span></strong>
		</div>
	</header>
	
	<div id="logon_form">
		<input type="text" id="user_key_field" value="MPuKR0JnMQNJXrctxbGD"/>
		<button id="close_logon_form">Anuluj</button>
		<button id="login_button">Zaloguj</button>
	</div>
	
	<section id="main" class="container_12">
		<section id="note_container" class="grid_8 alpha">
		</section>
		<aside class="grid_4 omega">
		</aside>
	</section>
	
	<div id="progress">
		<img id="preloader" src="img/preloader.gif" height="42" width="42">
	</div>
</body>
